<template>
  <div class="title">      
    <ul>
      <li v-for= "(item,index) in title" v-bind:key="index">
          {{item}}  
      </li>
    </ul>
  </div>
</template>
<script>

export default {
  props: ["title"],
  data() {
    return {
      
      
    };
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import '../assets/sss/utiles.scss';
    .title{
      width:100%;
      ul{
         height: 100%;
         width:100%;
         background:wheat;
         @include flex;
         li{
           padding:5px 20px 5px 10px;
           border-right:1px solid #ccc;
         }
      }
    }
</style>